<{include file="public/header.tpl"}>

<article>
  <div class="l_box f_l">
    <div class="banner">
      <div id="slide-holder">
        <div id="slide-runner"> 
        <a href="/" target="_blank"><img id="slide-img-1" src="<{$res}>/images/a1.jpg"  alt="" /></a> 
        <a href="/" target="_blank"><img id="slide-img-2" src="<{$res}>/images/a2.jpg"  alt="" /></a> 
        <a href="/" target="_blank"><img id="slide-img-3" src="<{$res}>/images/a3.jpg"  alt="" /></a> 
        <a href="/" target="_blank"><img id="slide-img-4" src="<{$res}>/images/a4.jpg"  alt="" /></a>
          <div id="slide-controls">
            <p id="slide-client" class="text"><strong></strong><span></span></p>
            <p id="slide-desc" class="text"></p>
            <p id="slide-nav"></p>
          </div>
        </div>
      </div>
      <script>
    	  if(!window.slider) {
    		var slider={};
    	}

    	slider.data= [
        {
            "id":"slide-img-1", // 与slide-runner中的img标签id对应
            "client":"标题1",
            "desc":"这里修改描述 这里修改描述 这里修改描述" //这里修改描述
        },
        {
            "id":"slide-img-2",
            "client":"标题2",
            "desc":"add your description here"
        },
        {
            "id":"slide-img-3",
            "client":"标题3",
            "desc":"add your description here"
        },
        {
            "id":"slide-img-4",
            "client":"标题4",
            "desc":"add your description here"
        } 
    	];
	  </script> 
    </div>
    <!-- banner代码 结束 -->
    <div class="topnews">
      <h2><b>最近</b>更新</h2>
       <{section loop=$news name="ls"}>
          <div class="blogs">
          <figure><img src="<{$public}>/uploads/<{$news[ls].imgname}>"></figure>
          <ul>
            <h3><a href="<{$app}>/article/details/aid/<{$news[ls].id}>"><{$news[ls].title}></a></h3>
            <p><{$news[ls].summary|truncate:200}></p>
            <p class="autor"><span class="lm f_l"><a href="/">个人博客</a></span>
            <span class="dtime f_l"><{$news[ls].posttime|date_format:"%Y-%m-%d" }></span>
            <span class="viewnum f_r">浏览（<a href="/"><{$news[ls].views}></a>）</span>
            <span class="pingl f_r">评论（<a href="/">30</a>）</span></p>
          </ul>
        </div>
        <{sectionelse}>
        暂无文章
        <{/section}>
    </div>
  </div>
  <div class="r_box f_r">
    <div class="tit01">
      <h3>关注我</h3>
      <div class="gzwm">
        <ul>
          <li><a class="xlwb" href="#" target="_blank">新浪微博</a></li>
          <li><a class="txwb" href="#" target="_blank">腾讯微博</a></li>
          <li><a class="rss" href="portal.php?mod=rss" target="_blank">RSS</a></li>
          <li><a class="wx" href="mailto:admin@admin.com">邮箱</a></li>
        </ul>
      </div>
    </div>
    <div class="cloud">
      <h3>栏目分类</h3>
      <ul>
        <{section loop=$cols name="ls"}>
        <li><a href="<{$app}>/article/lists/pid/<{$cols[ls].id}>"><{$cols[ls].title}></a></li>
        <{sectionelse}>
        暂无分类
        <{/section}>
      </ul>
    </div>
    <!--tit01 end-->
    <!--adv <div class="ad300x100"> <img src="<{$res}>/images/ad300x100.jpg"> </div> end-->
    <div class="moreSelect" id="lp_right_select"> 
      <script>
      window.onload = function ()
      {
      	var oLi = document.getElementById("tab").getElementsByTagName("li");
      	var oUl = document.getElementById("ms-main").getElementsByTagName("div");
      	
      	for(var i = 0; i < oLi.length; i++)
      	{
      		oLi[i].index = i;
      		oLi[i].onmouseover = function ()
      		{
      			for(var n = 0; n < oLi.length; n++) oLi[n].className="";
      			this.className = "cur";
      			for(var n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
      			oUl[this.index].style.display = "block"
      		}	
      	}
      }
      </script>
      <div class="ms-top">
        <ul class="hd" id="tab">
          <li class="cur"><a href="#">最新文章</a></li>
          <li><a href="#">点击排行</a></li>
          <li><a href="#">站长推荐</a></li>
        </ul>
      </div>
      <div class="ms-main" id="ms-main">
        <div style="display: block;" class="bd bd-news" >
          <ul>
             <{section loop=$news name="ls" max=6 }>
              <li><a href="<{$app}>/article/details/aid/<{$news[ls].id}>"><{$news[ls].title}></a></li>
             <{sectionelse}>
              暂无最新文章
             <{/section}>
          </ul>
        </div>
        <div  class="bd bd-news">
          <ul>
             <{section loop=$hots name="ls" max=6 }>
              <li><a href="<{$app}>/article/details/aid/<{$hots[ls].id}>"><{$hots[ls].title}></a></li>
             <{sectionelse}>
              暂无热门文章
             <{/section}>
          </ul>
        </div>
        <div class="bd bd-news">
          <ul>
             <{section loop=$recommends name="ls" max=6 }>
              <li><a href="<{$app}>/article/details/aid/<{$recommends[ls].id}>"><{$recommends[ls].title}></a></li>
             <{sectionelse}>
              暂无推荐
             <{/section}>
          </ul>
        </div>
      </div>
      <!--ms-main end --> 
    </div>
    <!--切换卡 moreSelect end -->
    <div class="tuwen">
      <h3>热门文章</h3>
      <ul>
           <{section loop=$hots name="ls" max=6}>
             <li><a href="<{$app}>/article/details/aid/<{$hots[ls].id}>"><img src="<{$public}>/uploads/<{$hots[ls].imgname}>">
             <b><{$hots[ls].title|truncate:28}></b></a>
             <p><span class="tulanmu"><a href="#">个人博客</a></span>
             <span class="tutime"><{$hots[ls].posttime|date_format:"%Y-%m-%d" }></span></p>
             </li>
           <{sectionelse}>
           暂无热门文章
           <{/section}>
      </ul>
    </div>
    <div class="ad"> <img src="<{$res}>/images/03.jpg"> </div>
    <div class="links">
      <h3><span>[<a href="#">申请友情链接</a>]</span>友情链接</h3>
      <ul>
        <{section loop=$links name="ls"}>
        <li><a href="<{$links[ls].url}>"><{$links[ls].webname}></a></li>
        <{sectionelse}>
        <li><a href="#">暂无链接</a></li>
        <{/section}>
      </ul>
    </div>
  </div>
  <!--r_box end --> 
</article>

<{ include file="public/footer.tpl" }>
